<template>
  <van-row class="panel-rectify-base-info">
    <van-row class="panel-title">{{rectify.bmmc}}</van-row>
    <van-row class="split-h"/>
    <van-row class="panel-head">
      <van-col span="8">
        <van-row>所属层面</van-row>
        <van-row>{{rectify.sscm}}</van-row>
      </van-col>
      <van-col span="0" class="split-v"/>
      <van-col span="7">
        <van-row>专业类别</van-row>
        <van-row>{{rectify.zylb}}</van-row>
      </van-col>
      <van-col span="0" class="split-v"/>
      <van-col span="8">
        <van-row>问题严重程度</van-row>
        <van-row>{{rectify.wtyzcd}}</van-row>
      </van-col>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-head">
      <van-col span="8">
        <van-row>问题发现人</van-row>
        <van-row>{{rectify.wtfxr}}</van-row>
      </van-col>
      <van-col span="0" class="split-v"/>
      <van-col span="7">
        <van-row>问题发现时间</van-row>
        <van-row>{{rectify.wtfxsj ? rectify.wtfxsj.split(' ')[0] : ''}}</van-row>
      </van-col>
      <van-col span="0" class="split-v"/>
      <van-col span="8">
        <van-row>提单时间</van-row>
        <van-row>{{rectify.createa_time ? rectify.createa_time.split(' ')[0] : ''}}</van-row>
      </van-col>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-head">
      <van-col span="8">
        <van-row>问题整改状态</van-row>
        <van-row>{{dictRctifyStatus(rectify.rectify_status)}}</van-row>
      </van-col>
      <van-col span="0" class="split-v"/>
      <van-col span="7">
        <van-row>是否主动暴露</van-row>
        <van-row>{{rectify.sfzdbl}}</van-row>
      </van-col>
      <van-col span="0" class="split-v"/>
      <van-col span="8">
        <van-row>是否三老问题</van-row>
        <van-row>{{rectify.sfslwt}}</van-row>
      </van-col>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>问题编号：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.id"/>
    </van-row>
        <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>考核载体：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.ywsx"/>
    </van-row>
        <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>对应体系单元：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.dytxdy"/>
    </van-row>
        <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>对应体系要素：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.dytxys"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>问题发现方式：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.wtfxfs"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>问题描述：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.wtms"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>问题类别：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value=" rectify.wtlb"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>根本原因：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.gbyy"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>管理环节：</van-row>
      <van-field readonly autosize rows="1" type="textarea" :value="rectify.glhj"/>
    </van-row>
    <van-row class="split-h"/>
    <van-row class="panel-extend">
      <van-row>整改建议：</van-row>
      <van-field autosize rows="1" type="textarea" :value=" rectify.zgjy"/>
    </van-row>
    <van-row class="split-h"/>
  </van-row>
</template>

<script>
import DictMixin from '@/mixins/DictMixin'
export default {
  name: 'PanelRectifyBaseInfo',
  mixins: [DictMixin],
  props: ['rectify']
}
</script>

<style scoped lang="less">
  .panel-rectify-base-info{
    background-color: white;
    color: #323233;
    .panel-title{
      padding: 10px 16px;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
    }
    .panel-head{
      font-size: 12px;
      text-align: center;
      .van-col {
        margin: 5px 0px;
        .van-row:first-child {
          line-height: 18px;
          color: #969799;
        }
        .van-row:last-child {
          color: #1989FA;
          line-height: 18px;
        }
      }
    }
    .panel-extend{
      padding: 10px 10px 10px 16px;
      font-size: 12px;
      .van-row{
        font-weight: 600;
      }
      .van-field{
        padding: 0px;
        font-size: 12px;
        line-height: 18px;
      }
    }
    .split-v {
      position: relative;
      top: 0px;
      height: 36px;
      width: 0px;
      border-left: 1px solid #ebedf0;
      transform: scaleX(0.5);
    }
  }
</style>
